<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <script src="../libs/jquery-3.5.1.min.js"></script>
   <style>
      body{
         background-image: url(../img/registerBg.jpg);
      }
    .box{
       width: 800px;
       height: 600px;
       position: fixed;
       left: 0;
       top: 0;
       bottom: 0;
       right: 0;
       margin: auto;
       background-image: url(../img/register.gif);
       background-repeat: no-repeat;
      background-size: 800px 600px;
      opacity: .8;
      border-radius: 100px;
    }
    h1{
       text-align: center;
       line-height: 150px;
       color: white;
    }
    .form{
       width: 800px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-direction: column;
       color: white;
    }
 
    .form input{
         box-sizing: border-box;
         width: 300px;
         height: 40px;
         border: none;
         border-radius: 50px;
         color: #999999;
         margin-top: 40px;
         padding-left: 30px;
         outline: none;
    }
    button{
      width: 250px;
         height: 35px;
         border: none;
         background: skyblue;
         border-radius: 30px;
         margin-top: 60px;
         font-size: 16px;
         color: white;
         cursor: pointer;
         margin-left: 275px;
      }
   input[type="checkbox"]{
      width: 20px;
      height: 20px;
      border: none;
      background: white;
      margin-left: 100px;
      margin-top: 20px;
   }
   p{
      position: absolute;
      left: 465px;
      top: 355px;
   }
   </style>
</head>
<body>
   <div class="box">
      <h1>注册界面</h1>
      <form action="">
      <div class="form">
      <input type="text" placeholder="请设置用户名" name="name">
      <input type="password" placeholder="请设置密码"  name='pwd'>
      </div>
      <button>注册</button>
   </form>
   </div>

   <!-- <script src="../js/utils.js"></script> -->
   <script src="../js/register.js"></script>
</body>
</html>